<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>供应商平台</title>
<script type="text/javascript" src="../../js/page/jquery-1.8.0.min.js"></script>
<!--<script data-main="../js/page/jquery-1.8.0.min" src="../lib/requirejs/require.js"></script>
<script data-main="../js/page/startScore" src="../lib/requirejs/require.js"></script>-->
<!--<script type="text/javascript" src="../../js/page/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../../js/page/startScore.js"></script>-->

<style>
ul, li, ol { list-style: none; }
/* 重置文本格式元素 */
a { text-decoration: none; cursor: pointer; color:#333333; font-size:9px;}
a:hover { text-decoration: none; }
.clearfix::after{ display:block; content:''; height:0; overflow:hidden; clear:both;} 
/*星星样式*/
.content{ width:600px; margin:0 auto; padding-top:20px;}
.title{ font-size:14px; background:#dfdfdf; padding:10px; margin-bottom:10px;}
.block{ width:100%; margin:0 0 20px 0; padding-top:10px; padding-left:50px; line-height:21px;}
.star_list{height:21px;margin:50px; line-height:21px;}
.block p,.block .attitude{ padding-left:20px; line-height:21px; display:inline-block;}
.block p span{ color:#C00; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;}
/*星星1*/
.block .star_score{ float:left;}
.star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;}
#starttwo .star_score a{ background:url(../../images/starky.png);}
#starttwo .star_score a.clibg{ background:url(../../images/starsy.png);left:0;}

/*星星2*/
#starttwo1 .star_score a{ background:url(../../images/starky.png);}
#starttwo1 .star_score a:hover{ background:url(../../images/starsy.png);left:0;}
#starttwo1 .star_score a.clibg{ background:url(../../images/starsy.png);left:0;}

/*星星3*/
#starttwo2 .star_score a{ background:url(../../images/starky.png);}
#starttwo2 .star_score a:hover{ background:url(../../images/starsy.png);left:0;}
#starttwo2 .star_score a.clibg{ background:url(../../images/starsy.png);left:0;}

/*星星4*/
#starttwo3 .star_score a{ background:url(../../images/starky.png);}
#starttwo3 .star_score a:hover{ background:url(../../images/starsy.png);left:0;}
#starttwo3 .star_score a.clibg{ background:url(../../images/starsy.png);left:0;}


/*星星5*/
#starttwo4 .star_score a{ background:url(../../images/starky.png);}
#starttwo4 .star_score a:hover{ background:url(../../images/starsy.png);left:0;}
#starttwo4 .star_score a.clibg{ background:url(../../images/starsy.png);left:0;}
/*星星样式*/
.show_number{ padding-left:50px; padding-top:20px;}
.show_number li{ width:240px; border:1px solid #ccc; padding:10px; margin-right:5px; margin-bottom:20px;}
.show_number li span{ display:inline-block; line-height:21px;}
</style>

</head>
<body class="tob-wrap">
	<div th:replace="common/top"></div>
	<article class="container container-c43-evaluate-order clearfix">
		<div th:replace="common/left::c_side"></div>
		<section class="content">
			<div class="m-crumb">
				<p>
					<a href="#">订单管理 > </a> <span>评估</span>
				</p>
			</div>
			<div class="m-table-sell">
				<div class="m-table-cont">
					<table width="100%" summay="" cellpadding="0" cellspacing="0">
						<tbody>
							<tr>
								<td class="td-ul-order">
									<div class="ul-wrap">
										<ul class="clearfix">
											<input type="hidden" th:value="${purchaseOrder.id}" name="purchaseOrderId" id="purchaseOrderId" />
											<input type="hidden" name="tempfenshu1" id="tempfenshu1" th:value="${purchaseOrder.evaluationScore1}"/>
											<input type="hidden" name="tempfenshu2" id="tempfenshu2" th:value="${purchaseOrder.evaluationScore2}"/>
											<input type="hidden" name="tempfenshu3" id="tempfenshu3" th:value="${purchaseOrder.evaluationScore3}"/>
											<input type="hidden" name="tempfenshu4" id="tempfenshu4" th:value="${purchaseOrder.evaluationScore4}"/>
											<input type="hidden" name="tempfenshu5" id="tempfenshu5" th:value="${purchaseOrder.evaluationScore5}"/>
											<li><label for="">订单号 : </label> <span  th:text="${purchaseOrder.salesOrderNo}"></span>
											</li>
											<li><label for="">时间 : </label> <span th:if="${purchaseOrder.startTime ne null and purchaseOrder.expiredTime ne null}" th:text="${#dates.format(purchaseOrder.startTime, 'yyyy-MM-dd')}+'
							 至 '+${#dates.format(purchaseOrder.expiredTime, 'yyyy-MM-dd')}">
												 </span></li>
											<li><label for="">描述 : </label>  <span th:text="${purchaseOrder.purchaseOrderDesc}"></span>
											</li>
											<li><label for="">供应商 : </label> <span th:text="${purchaseOrder.tCompany.companyName}"></span>
											</li>
											<li><label for="">总金额 : </label> <span  th:text="${purchaseOrder.price}"></span>
											</li>
											<li><label for="">到货地点 : </label> <span th:text="${purchaseOrder.deliverAddress}"></span>
											</li>
										</ul>
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<div class="flow-bar">
								<span th:each="purchaseOrderPayment,index:${purchaseOrder.tPurchaseOrderPayment}" >
                            	    <span th:if="${index.count!=index.size} and ${purchaseOrderPayment.milestoneType==1}" th:text="待发货"  class="icon icon-flow-red" ></span> 
                                	<span th:if="${index.count!=index.size} and ${purchaseOrderPayment.milestoneType==2}" th:text="已发货"  class="icon icon-flow-green" ></span>
                                	<span th:if="${index.count!=index.size} and ${purchaseOrderPayment.milestoneType==3}" th:text="已验货"  class="icon icon-flow-green" ></span>
                                	<span th:if="${index.count!=index.size} and ${purchaseOrderPayment.milestoneType==4}" th:text="已验收"  class="icon icon-flow-green" ></span>
                                	<span th:if="${index.count!=index.size} and ${purchaseOrderPayment.milestoneType==5}" th:text="已收发票"  class="icon icon-flow-green" ></span> 
                                	<span th:if="${index.count!=index.size} and ${purchaseOrderPayment.milestoneType==6}" th:text="已付款"  class="icon icon-flow-green" ></span>  
                                	
                                	
                                	<span th:if="${index.count==index.size} and ${purchaseOrderPayment.milestoneType==1}" th:text="待发货"  class="icon-flow-simple-green01" ></span> 
                                	<span th:if="${index.count==index.size} and ${purchaseOrderPayment.milestoneType==2}" th:text="已发货"  class="icon-flow-simple-green01" ></span>
                                	<span th:if="${index.count==index.size} and ${purchaseOrderPayment.milestoneType==3}" th:text="已验货"  class="icon-flow-simple-green01" ></span>
                                	<span th:if="${index.count==index.size} and ${purchaseOrderPayment.milestoneType==4}" th:text="已验收"  class="icon-flow-simple-green01" ></span>
                                	<span th:if="${index.count==index.size} and ${purchaseOrderPayment.milestoneType==5}" th:text="已收发票"  class="icon-flow-simple-green01" ></span> 
                                	<span th:if="${index.count==index.size} and ${purchaseOrderPayment.milestoneType==6}" th:text="已付款"  class="icon-flow-simple-green01" ></span>
                              
                                </span>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			
			<div class="evaluate">
				<h4>为了更好的服务，请客观填写评价</h4>
				<form class="clearfix" action="">
					<textarea class="textarea" name="describe" id="describe" cols="50" rows="10" th:text="${purchaseOrder.evaluationTotalDesc}"></textarea>
					<dl class="m-commstar clearfix">
						<dt>交货速度：</dt>
						<dd>
							<!--<span class="commstar"> <a class="star1"></a> <a
								class="star2"></a> <a class="star3"></a> <a
								class="star4"></a> <a class="star5"></a>
							</span>-->
							<div id="starttwo" >
        					<div  class="star_score" >
       						 </div>
        						<span id="fenshu1" name="fenshu1" class="fenshu" style="display:none" th:value="${purchaseOrder.evaluationScore1}"></span>
        					</div>
       						 <script type="text/javascript" src="../../js/page/startScore.js"></script>
			
			 				<script>
    							 scoreFun($("#starttwo"),{			 
          						 fen_d:22,//每一个a的宽度
          						 ScoreGrade:5//a的个数 10或者
         							})
    						</script>
						
					  </dd>
						<dt>产品质量：</dt>
						<dd>
						
							<div id="starttwo1" >
        					<div  class="star_score" >
       						 </div>
        						<span id="fenshu2" class="fenshu" style="display:none"></span>
        					</div>
       						 <script type="text/javascript" src="../../js/page/startScore.js"></script>
			
			 				<script>
    							 scoreFun($("#starttwo1"),{
          						 fen_d:22,//每一个a的宽度
          						 ScoreGrade:5//a的个数 10或者
         							})
    						</script>
						
							<!--<span class="commstar"> <a class="star1" href="#"></a> <a
								class="star2" href="#"></a> <a class="star3" href="#"></a> <a
								class="star4" href="#"></a> <a class="star5" href="#"></a>
							</span>-->
						</dd>
						<dt>服务质量：</dt>
						<dd>
							<!--<span class="commstar"> <a class="star1" href="#"></a> <a
								class="star2" href="#"></a> <a class="star3" href="#"></a> <a
								class="star4" href="#"></a> <a class="star5" href="#"></a>
							</span>-->
							
							<div id="starttwo2" >
        					<div  class="star_score" >
       						 </div>
                                  <span id="fenshu3" class="fenshu" style="display:none"></span> <!-- <p style="float:left;">您的评分：<span class="fenshu"></span> 分</p> -->
        					</div>
       						 <script type="text/javascript" src="../../js/page/startScore.js"></script>
			
			 				<script>
    							 scoreFun($("#starttwo2"),{
          						 fen_d:22,//每一个a的宽度
          						 ScoreGrade:5//a的个数 10或者
         							})
    						</script>
							
						</dd>
						<dt> <input   type="text" value="自定义值：" onfocus="javascript:if(this.value=='自定义值：')this.value='';"  style="width:60px;margin-left:-15px"></input></dt>
						<dd>
							<!--<span class="commstar"> <a class="star1" href="#"></a> <a
								class="star2" href="#"></a> <a class="star3" href="#"></a> <a
								class="star4" href="#"></a> <a class="star5" href="#"></a>
							</span>-->
							<div id="starttwo3" >
        					<div  class="star_score" >
       						 </div>
                                 <span id="fenshu4" class="fenshu"  style="display:none"></span> <!-- <p style="float:left;">您的评分：<span class="fenshu"></span> 分</p> -->
        					</div>
       						 <script type="text/javascript" src="../../js/page/startScore.js"></script>
			
			 				<script>
    							 
    							 scoreFun($("#starttwo3"),{
          						 fen_d:22,//每一个a的宽度
          						 ScoreGrade:5//a的个数 10或者
         							})
    						</script>
							
							
						</dd>
						
						<dt> <input   type="text" value="自定义值："  onfocus="javascript:if(this.value=='自定义值：')this.value='';"   style="width:60px;margin-left:-15px"></input></dt>
						<dd>
							<!--<span class="commstar"> <a class="star1" href="#"></a> <a
								class="star2" href="#"></a> <a class="star3" href="#"></a> <a
								class="star4" href="#"></a> <a class="star5" href="#"></a>
							</span>-->
							<div id="starttwo4" >
        					<div  class="star_score" >
       						 </div>
                                 <span id="fenshu5" class="fenshu" style="display:none"></span> <!-- <p style="float:left;">您的评分：<span class="fenshu"></span> 分</p> -->
        					</div>
       						 <script type="text/javascript" src="../../js/page/startScore.js"></script>
			
			 				<script>
    							 
    							 scoreFun($("#starttwo4"),{
          						 fen_d:22,//每一个a的宽度
          						 ScoreGrade:5//a的个数 10或者
         							})
    						</script>
							
							
						</dd>
						
						
					</dl>
				</form>
			</div>
			<div class="btn-bar txC">
				<a class="btn btn-cyan" href="#" onclick="javascript:submitOrderEstimate();">提交评价</a>
			</div>
			<br />
			<br />
		</section>
	</article>
</body>
<script data-main="../js/page/b1_supplier" src="../lib/requirejs/require.js"></script>
<script type="text/javascript" src="../lib/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="../js/page/b2_order.js"></script>
</html>